/*
利詩時裝
Author:weis
*/
*,ul{margin: 0;padding: 0}
body{height: 100%;font-family:'SimHei';font-size: 14px;background-color: #F1F1F1;}
li{list-style-type: none;}
.div_con{ display: block; width: 100%; height: 100%;}
/*nav*/
.left{position: fixed;top: 0;left: 10%;float: left;width:16%;height:100%;background: #1C2024;}
.left img{width: 100%}
.p-0{padding: 0}
.left a,.right a{color: #fff;text-decoration: none}
.col-nav{padding-top: 10px;margin-bottom: 20px}
.col-nav a{display: block;width: 100%;padding: 10px 0 10px 30px;cursor:pointer;margin: 2px 0px;}
.right{position: absolute;width: 64%;margin-left: 26%;background-color: #fff;}
.nav-btn,.logo{display:none}
.nav-clothing{display: none;background: #3E4046;}
.nav-clothing a:hover{background: #73418A}
.nav-btn{  position: absolute;bottom: 0; right: 0;height:60px;}

/*top*/
.top{position: relative;background: #F6F6F6;color: #999999;padding: 5px 0;overflow: hidden}
.top a{color:#999999;}
.active,.col-nav li:hover{background: #73418A;}
.top span{padding-right: 5px;border-right: #EAEAEA 1px solid}
.top-ico{font-size: 20px;}


/*search*/
.search-li{width: 80%;float: right;margin: 50px 0}
.dr-text{width:100%;background: #EEEEEE;padding:11px 10px;height:42px;border:none}
.col-dr{width:25%;float: left}
.search-btn{float: left;padding: 11px 18px;height:42px;background:  #73418A;color: #fff}
.search-text{float: left;width:60%;height:42px;line-height:42px;padding:0 10px;border:#EDEDED 1px solid}
.c-shop{float: right;border-radius: 10px;background: #FF4B93;padding: 0 13px;margin-top: 2px;color: #fff;font-size: 12px}
.c-p-r{float: right}
.w-250{position: relative;width: 250px;margin: 50px auto;}
.w-80{width: 80%;float: left;border:#E6E6E6 1px solid}
.w-20{width: 20%;float: left}
.c-s-b{color:#959595;font-size: 12px;padding-top: 3px }
.w-300{position: absolute;right: 0;top: 42px;z-index: 99;width: 300px;height:0;overflow: hidden;background:#73418A  }
.shop-show{height: auto;border:#73418A 8px solid;}
.h-80{height: 80px;overflow: hidden}
.trash-cio{line-height: 60px}
.shoping-li{color: #636363;padding: 10px 0;border-bottom: 1px #E7E7E7 solid;background: #fff;overflow: hidden}
.w-300 .shop-btn{background: #FD7880;color: #fff;padding: 5px 10px;border: none;margin-top:16px}
.add-price{background: #fff;padding: 10px;color:#73418A; overflow: hidden}
.trash-cio:hover{font-size: 20px;color:#73418A  }
.shop-btn:hover{background:#73418A;border: #fff 1px solid }
.search-btn:hover{background: #8B649D}
.member:hover{color: #8B649D }
.shoping-li .shop-num a{padding:4px 1px}
.shoping-li .shop-num .c-n-p{padding: 0;margin: 0;text-align: right}
.c-price{width: 50px;border: none;}
.c-num{width: 17px;text-align: center}
.num-price,.add-p{width: 44%;border: none}
/*index*/
.h-500{height: 500px;overflow: hidden}
.price{font-size: 30px;font-weight: 600;}
.pro-text{display: none;position: absolute;bottom: 20px;font-size: 12px;padding: 5px;background: rgba(171,172,174,0.6);color: #fff}
.pro-r{display: none;position: absolute;top: 100px;right: 10px;width: 50px;color: #fff}
.pro-r-ico{position: relative;z-index: 2;font-size: 30px;padding: 10px;border-radius:50%;background: #9A9A9A;margin-bottom: 20px }
.ba-black{background: #000;color: #fff}
.h-500:hover .pro-text,.h-500:hover .pro-r,.h-250:hover .pro-r{display: block}
.h-250:hover .pro-r .pro-r-ico{font-size: 20px}
.h-250{height: 250px;overflow: hidden;text-align:center}
.h-250 p{font-size: 20px;padding: 77px 0 10px 0}
.h-250 .pro-r{top: 10px}
.right .h-250 a{font-size: 22px;}
.right .ba-white{background: #fff;padding:5px 10px}
.right .ba-white a{color: #73418A;}
.ba-white{background: #fff;color: #73418A;padding:5px 10px}
.right .ba-violet{background:  #73418A;color: #fff;padding:5px 10px}
.c-p-b{background: #C9C9C9;color: #fff;font-size: 18px;padding: 10px;margin-top: 50px}
.c-p-b img{width: auto !important;height: auto !important}
.cp-line{border-right: dashed 1px #fff}
.right .c-p-b .b-ico{border-radius: 50%;background: #fff;color: #CBCBCB;padding:5px 10px;font-weight: 900}

/*login*/
.f-t-c{position: fixed;top: 0}
#signin,#signup,input#rememberSignin{display: none;position: absolute;top: 0px;left: 0;right: 0;margin: auto;z-index: 100;padding-top: 50px}
.body-bg,.prompt-bg{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 99}
.btn-group-justified{background:#73418A;}
.btn-group-justified a,.btn:hover{color:#fff}
.col-close{float: right;cursor: pointer}
 .member-li .checkbox.custom-checkbox input:checked+span { background:#73418A;color: #fff}
 span.fa.fa-check{border: 1px solid #ccc;margin-right:5px;color: #fff}
 .checkbox label, .radio label{padding: 0}
 .help-block a{color:#73418A }

 /*products*/
 .h-300{height: 300px;overflow: hidden}
 .c-p-p h3{border-bottom: 1px #ccc solid;padding-bottom: 10px}
 .old-price{color: #979797;text-decoration:line-through;padding-right: 10px}
 .p-title,.p-title a{color: #353535;padding: 10px 0; height: 50px;}
 .p-price{color: #2A011F}
 .c-p-1{background: #FFB222;}
 .c-p-2{background: #FF6D20;}
 .c-b span{padding: 2px;color: #fff;font-size: 12px;}
 .d-s{background: #73418A;color: #fff;padding: 10px 0;text-align: center;margin-top: 10px}
 .d-s:hover{background: #E89FA4}
 .pro-detail .d-shop{background: #2FB6BC;color: #fff;padding: 10px 0;text-align: center;margin-top: 10px}
 .d-shop:hover{background: #8AC9CC}
 .page{padding: 50px 0 20px;}
 .page a{border: #353535 1px solid;padding: 10px 15px;color: #353535;border-radius:50%;  }
 .page a:hover{background: #73418A;color: #fff;border:#73418A 1px solid }
 .page .hover{background: #73418A;color: #fff;border:#73418A 1px solid}
 /*detail*/
 .pro-detail{padding: 50px 10px 50px 30px}
.products-li{margin-top: 50px}
.swiper2{margin-top: 20px}
.hide-ico{display: none;}
.swiper-container:hover .hide-ico{display: block}
.pro-detail .old-price{color: #727272;font-size: 25px}
.pro-detail .p-price{color: #73418A;font-size: 20px}
.detail-border{border-bottom: 1px #ccc solid;padding-top: 10px;padding-bottom: 5px}
.simpli-li{margin-top: 30px}
.h-100{height: 100px;overflow: hidden;}
.h-150{height: 150px;overflow: hidden;}
.simpli-li p{margin: 10px 0 0 0}
.swich{background: #FCFCFC;border: #E7E7E7 1px solid;float: right;cursor: pointer;}
.d-d-img img{width: 100%}
.s-c,.c-n-p{padding: 10px 0}
.s-c span{padding: 10px 10px 10px 0}
.p-dr{width: 50%;float:left}
.p-dr .dropdown-menu img{width: 50px;height: 50px;margin-right: 10px}
.p-dr button{width:100%;background: none;border: #A9A9A9 1px solid;text-align: left;padding-left: 26px}
.shop-num a{padding: 5px;border: #ccc 1px solid;color: #353535;text-decoration: none;cursor: pointer}
#myModal1 .p-dr,#myModal1 select{width: 100%;z-index: 9999}
#myModal1 .dr-d{z-index: 999}
.product-info-img{height: 400px; overflow: hidden; }
.product-list-con{margin-top: 10px;}
.product-list-img{ cursor:pointer; width: 25%; float: left; height: 100px;  }
.c-h-i{ overflow: hidden;}
/*other*/
.left .jiathis_style_32x32 span{background: none ;padding-left: 27px !important}
.right .jiathis_style_32x32{clear: both;width: 100px;margin: 0 auto}
.right .jiathis_style_32x32 span{background: none;padding-left: 0 !important;margin: 0}
.h-btn{display: block;line-height: 39px}
.e-ico{font-size: 16px;background: #3D3D3D;color: #000;padding: 5px 10px 5px 5px }
.right .jiathis_style_32x32 .e-ico{background: #F9F9F9;color: #7D7D7D;border: #EFEFEF 1px solid;}
.pro-r-ico:hover{background:#73418A }
.w-100{position:relative;}
.w-100 input{
            overflow: hidden;
             position: absolute;
             top:-2px;right: 0;
             z-index: 1;
             width: 0;
             border: none;
             height:52px;
             color: #999;
             border-radius:5px;
             -moz-transition:width 1s; /* Firefox 4 */
            -webkit-transition:width 1s; /* Safari and Chrome */
            -o-transition:width 1s;
}
.h-250 .w-100 input{height: 44px}
.w-100:hover input{width: 200px;padding: 5px;}
.c-s-i{float: right;margin: -22px 10px 0 0 }
.dropdown-menu{min-width: 100%;margin: 0;;background: #EEEEEE;padding: 0}
.dropdown-menu li{border-bottom:#ccc 1px solid;padding: 5px}
.dropdown-menu li:hover{background: #8B649D;color: #fff}
/*.c-h-i:hover img
{transform:scale3d(1.5, 1.5,2);
 -moz-transform:scale3d(1.5, 1.5,2);
 -webkit-transform:scale3d(1.5, 1.5,2);
 -o-transform:scale3d(1.5, 1.5,2);
 transition:0.5s;
 -moz-transition:0.5s;
 -webkit-transition:0.5s;
 -o-transition:0.5s;}*/
.service{min-height: 800px;line-height:30px}
select{width:100%;background: none;padding-left:24px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-o-appearance:none}
.dr-d{position: absolute;top:4px;right: 10%;z-index: -1;}
.c-check{position: absolute;left: 3px;margin: 5px;color:#73418A;}
.c-pad{padding: 10px 15px;}
.right .pro-detail .h-250 a{padding: 0}
.modal-body{min-height: 250px}
.prompt{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 9999;width: 30%;height: 200px;border-radius:5px;background: #fff;}
.prompt h3{padding: 30px}
.modal-header{overflow: hidden}
.prompt span{float: right;padding: 20px }
.go-top{display: none;position: fixed;bottom: 30px;right: 30px;z-index: 9999;background: rgba(0,0,0,0.8);color:#fff !important;font-size: 20px;padding:3px 10px;cursor: pointer}
.go-top:hover{background: rgba(0,0,0,0.5)}
#myModals .modal-dialog{width: 60%;}
/*customized*/
.customized,#myModalc .modal-title{width: 80%;color: #333;overflow: hidden;margin:auto;}
#myModalc .modal-title{padding: 0 30px}
.customized label{float:left;width: 20%}
.customized input,.customized textarea{float: left;width:80%;border:#999 1px solid;padding: 5px;margin-bottom: 10px}
.customized textarea{height: 100px;}
.upload span{font-size: 12px;padding: 5px 10px;}
.c-sub input{width: 100%;border: none;}
/*about*/
.about{min-height: 400px;padding-top: 10px}
.gmap3{width: 100%;height: 400px;margin:50px 0 100px}
.about-li span{padding: 30px;background:#73418A;color: #fff;border-radius:50%;  }
.about-li span:hover{
    background: none;
    border:#73418A 1px solid;
    color: #73418A;
    transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
 transition:0.5s;
 -moz-transition:0.5s;
 -webkit-transition:0.5s;
 -o-transition:0.5s;
  
}
.about-li{margin-bottom: 10px}
.about-ico{font-size: 20px}
.about-font{padding-top: 40px}
/*latest*/
.latest{min-height: 800px;padding-top: 100px}
.latest-li{margin-bottom:50px}
.latest-li a{color: #999}
.v-latest a{display: block;position: relative;width: 100px;background:#73418A;padding: 5px 10px 6px;color: #fff; }
.latest-ico{position: absolute;right: 5px;width: 20px;text-align: right;}
.v-latest a:hover{color: #73418A;background: none;}
.v-latest a:hover .latest-ico{ 
 transition:1s;
 -moz-transition:1s;
 -webkit-transition:1s;
 -o-transition:1s;
width: 90px;
padding: 5px;
border: #73418A 1px solid
}
/*copyright*/
.copyright,.v-latest{padding-top: 10px}
/*slide*/
.swiper-pagination-bullet-active{background: #73418A}
.swiper-ico{font-size: 18px;color: #fff;background: #9C9997;padding: 10px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0}
.swiper-button-next,.swiper-button-prev{background: none}
.swiper-ico:hover{background: #73418A}
/*prettyPhoto*/	
.pp_pic_holder{position: fixed !important;top: 10% !important;max-height: 600px;overflow: hidden}
.pp_gallery,.pp_details{ display:none !important;}
.pp_none{position: fixed;z-index:9999999999999; background:none !important}
.pp_none a{background: rgba(0,0,0,0.8);text-decoration: none;font-size: 30px;padding: 3px 15px;color:#ffffff; cursor:pointer;position:fixed;top: 50%;border-radius: 50%}
.pp_none .pp_close{top: 4%;right: 4%}
.pp_none .c-p-left{left: 2%}
.pp_none .c-p-right{right: 2%}
.pp_details .pp_close,.hide-ico{ display:none}
.pp_close:hover,.pp_previous:hover,.pp_next:hover{color:#2E678E;}
div.pp_default .pp_content, div.light_rounded .pp_content{background: none}
@media screen and (max-width:1200px){
    .left{left: 0;}
    .right{width: 84%;margin-left: 16%}
    .search-li{width: 100%}
}
 @media screen and (max-width:859px){
    .top{padding:0;line-height: 30px }
    .top .text-right{text-align:left}
    .logo,.nav-btn{display: block}
    .nav-ico{position: absolute;right: 25px;top: -5px;color: #73418A;font-size:30px;margin-top: 20px;} 
    .left{position: absolute;left: 0;top:0;z-index: 99;width: 100%;height: auto;min-height: 100%;display: none;padding-bottom: 30px}
    .right{margin-left:0;width:100% }
    .c-logo .nav-ico{position: absolute;top: 20px;right: 20px;z-index: 999;color: #fff}
    .logo{overflow: hidden}
    .logo img,.customized,#myModalc .modal-title{width: 100%}
    .prompt{width: 90%}
    .col-dr{width: 30%;}
    .search-text{width: 80%}
    .pro-detail{padding: 15px}
    #myModal1 .h-100{height: 152px}
    .simpli-li,#myModalc .modal-title{padding: 0 15px}
    .dr-text,.c-pad{padding: 10px 0}
    .search-li,.w-250{width:100%;margin:30px 0 0;min-height:75px}
    .swiper1{margin-top: 20px}
    .h-500,.pro-detail .h-250{height: 300px}
    .h-250{height: 200px}
    .col-dr,.h-250 p,.top-ico{font-size: 12px}
    .c-simple{padding-top: 20px}
    
     /*prettyPhoto*/
    .pp_default,.pp_pic_holder { width:94% !important;height: 50% !important;overflow: hidden;  left:3% !important;top: 20% !important;position: fixed !important;}
    .pp_content,.pp_fade,iframe, .pp_details,.pp_content_container,.pp_left,.pp_right,embed{ width: 100% !important;height: 100% !important }
     #pp_full_res{height:100%;overflow: hidden}
    .pp_content_container .pp_right,.pp_content_container .pp_left{padding: 0}
	
}
@media screen and (max-width:350px){
    .top{font-size: 12px}
}
